/*



























































COMANDI IMPARATI: 



























































instanziamento variabile: --nome_variabile: quello che deve essere, per utilizzarla: var(--nome_variabile)



























































ombreggiatura in un oggetto: box-shadow: 0(offset-x) 10px(offetset-y) 30px(blur) 0(spread) rgba(0,0,0,0.2)(color) insert;



























































  -offest-x: spostamento orizzontale dell'ombra, valore positivo verso destra, valore negativo verso sinistra



























































  -offest-y: spostamento verticale, valore positivo verso il basso, valore negativo verso l'alto



























































  -blur: valore più grande ombra più sfocata quindi più morbida



























































  -spread: allarga o restringe l'ombra, positivo più grande, negativo più piccolo



























































  -insert: trasforma l'ombra da esterna a interna



























































box-sizing: Serve a decidere come viene calcolata la dimensione di un elemento (width e height).



























































  -: content-box width solo contenuto il padding e il border si aggiungono separatamente



























































  -: border-box tutto resta dentro la misura dichiarata compreso contenuto, padding e border



























































scroll-behavior: smooth; viene utilizzato per rendere lo scroll della pagina non istantaneo ma animato, quando si clicca un link tipo #sezione, la pagina:scorre lentamente



























































verso esso.



























































display:flex viene utilizzat per attivare la flexBox cioè un sistema che serve a posizionare e allineare gli elementi 



























































in modo facile e flessibile



























































overflow-x: hidden; viene utilizzato per nascondere lo scroll orizzontale della pagina o di un determinato elemento























































































































z-index: valore che va da 0 a 9999; e indica in che piano deve andare quel determinato elemento se 9999 sarà in primo piano























































































































align-items: center; allinea gli elementi verticalmente al centro e bisogna inserire assieme display:flex























































































































linear-gradient(to bottom, rgba(255,255,255,0.95), transparent); è una proprietà che viene utilizzato per creare



























































uno sfondo sfumato 



























































backdrop-filter: blur(8px); viene utilizzato per applicare una sfocatura agli elementi che si trovano dietro al



























































div 8px indica è il “raggio” del filtro di sfocatura























































































































transition: background 0.4s; se cambia il beackground la variazione non è istantanea ma in questo caso dura 0.4 secondi























































































































letter-spacing: 0.12em; viene utilizazto per modificare lo spazio ztra le lettere del testo























































































































text-decoration: none; viene utilizzato per rimuovere le tutte le decorazioni dal testo come per esempio il testo



























































all'interno del tag <a>























































































































gap: 2.5rem; vene utilizzato per distanziare in modo uniforme gli elementi figli presenti all'interno per esempio 



























































di una tabella oppure più generale di un contenitore























































































































list-style: none rimuvoe lo stile predefinito della lista



























































  bisogna inserire sempre il display:flex























































































































opacity: 1;viene utilizzato per indicare l'opacità di quel determinato elemento da 0 a 1























































































































transition: opacity 0.3s, color 0.3s;























































































































text-transform: uppercase; trasforma il testo in maiuscolo 























































































































cursor: pointer; cambia il cursore del mouse da freccia a mano























































































































transition: all 0.3s; anima tutte le priopietà che cambiano l'animazione dura 0.3 secondi 























































































































overflow: hidden; viene utilizzato per nascondere tutto quello che esce dai bordi di quel elemento 























































































































background-size: cover; significa che l'immagine di sfondo copre tutto l'elemento, adattandosi automaticamente























































































































transform: scale(1.04); viene utilizzato per ringrandire di 0.04 l'elemento 























































































































transform 6s ease-out ==> ease-out parte veloce e rallenta alla fine



















































































































































































*/



















































































































































































:root {











    --bg: #ffffff;











    --bg2: #ffffff;











    --bg3: #f0ede6;











    --gold: #9a7040;











    --gold-light: #b08040;











    --white: #1a1a16;











    --gray: #1a1a16;











    --gray2: #6a6a62;











    --border: rgba(154,112,64,0.22);











    --font-display: 'Cormorant Garamond', serif;











    --font-body: 'Montserrat', sans-serif;











    --nav-bg-scrolled: rgba(255,255,255,0.97);











    --overlay-bg: rgba(255,255,255,0.96);











    --text-muted: rgba(26,26,22,0.68);











    --text-muted2: #ffffff;











    --input-bg: #ffffff;











    --shadow: 0 2px 12px rgba(0,0,0,0.08);











  }























































































































   body { 



























































    background: var(--bg); 



























































    color: var(--white); 



























































  }



























































  



























































  



























































  



























































  



























































  



























































  



























































  



























































  



























































  



























































  



























































  



























































  



























































  



























































  























































































































  * { 



























































    margin: 0; 



























































    padding: 0; 



























































    box-sizing: border-box; 



























































  }



























































  html { 



























































    scroll-behavior: smooth; 



























































  }



























































  body {



























































    background: var(--bg);



























































    color: var(--white);



























































    font-family: var(--font-body);



























































    font-weight: 300;



























































    overflow-x: hidden;



























































  }























































































































  /* ── NAV ── */



























































  nav {



























































    position: fixed;



























































    top: 0; 



























































    left: 0; 



























































    right: 0;



























































    z-index: 100;



























































    display: flex;



























































    align-items: center;



























































    justify-content: space-between;



























































    padding: 1.5rem 3rem;



























































    background: linear-gradient(to bottom, rgba(255,255,255,0.95), transparent);



























































    backdrop-filter: blur(8px);



























































    transition: background 0.4s;



























































  }



























































#prova {



























































    /* width: 20%;  <-- RIMUOVI QUESTA RIGA */



























































    display: flex;



























































    align-items: center;



























































}



























































  nav.scrolled {



























































    background: rgba(255,255,255,0.97);



























































    border-bottom: 1px solid var(--border);



























































  }



























































.nav-logo {



























































    font-family: var(--font-display);



























































    font-size: 1.6rem;



























































    font-weight: 300;



























































    letter-spacing: 0.12em;



























































    color: var(--gold);



























































    text-decoration: none;



























































    text-align: left;



























































    padding-left: 0; /* Forza a zero */



























































    margin: 0;       /* Rimuove margini esterni */



























































    line-height: 1;



























































}



























































  .nav-logo span { font-style: italic; }



























































.nav-links {



























































  display: flex;



























































  gap: 2.5rem;



























































  list-style: none;



























































  align-items: center;



























































  color: black;



























































}



























































.nav-links1 {



























































    display: flex;



























































    align-items: center;



























































    gap: 10px;      /* Questo controlla lo spazio ESATTO tra immagine e testo */



























































    list-style: none;



























































    padding: 0;



























































    margin: 0;



























































}























































































































#riga {



























































    display: flex;



























































    align-items: center;



























































    width: auto;    /* Assicura che occupi solo lo spazio dell'immagine */



























































    padding: 0;



























































    margin: 0;



























































}























































































































#logo-img {



























































  width: 10px;     /* regola solo questo */



























































  height: auto;



























































  display: block;  /* elimina “spazio fantasma” inline */



























































  margin: 0;



























































  padding: 0;



























































}























































































































.nav-logo {



























































  margin: 0;



























































  padding: 0;



























































  line-height: 1;



























































}























































































































.nav-links a {



























































  text-decoration: none;



























































  color: var(--white);



























































  font-size: 0.8rem;



























































  letter-spacing: 0.22em;



























































  text-transform: uppercase;



























































  font-weight: 500;



























































  opacity: 1;



























































 



























































}























































































































.nav-links a:hover,



























































.nav-links a.active {



























































  opacity: 1;



























































  color: var(--gold);



























































}



























































  .nav-admin-btn {



























































    background: transparent;



























































    border: 1px solid var(--border);



























































    color: var(--gold);



























































    padding: 0.45rem 1.1rem;



























































    font-size: 0.65rem;



























































    letter-spacing: 0.2em;



























































    text-transform: uppercase;



























































    cursor: pointer;



























































    transition: all 0.3s;



























































    font-family: var(--font-body);



























































  }



























































  



























































  .nav-admin-btn:hover { 



























































    background: var(--gold); 



























































    color: var(--bg); 



























































    border-color: var(--gold); 



























































  }























































































































  /* ── HERO ── */



























































  #hero {



























































    position: relative;



























































    height: 100vh;



























































    display: flex;



























































    align-items: center;



























































    justify-content: center;



























































    overflow: hidden;



























































  }























































































































  /* ── SLIDESHOW ── */



























































  .hero-slideshow {



























































    position: absolute; 



























































    inset: 0;



























































    z-index: 0;



























































  }



























































  .slide {



























































    position: absolute; 



























































    inset: 0;



























































    background-size: cover;



























































    background-position: center;



























































    opacity: 0;



























































    transition: opacity 1.4s cubic-bezier(0.4,0,0.2,1);



























































    transform: scale(1.04);



























































    transition: opacity 1.4s cubic-bezier(0.4,0,0.2,1), transform 6s ease-out;



























































  }



























































  .slide.active {



























































    opacity: 1;



























































    transform: scale(1);



























































  }



























































  /* Fallback gradient slides */



























































  .slide-grad-0 { 



























































    background-image: linear-gradient(160deg,#0d2b1a,#1a4a28,#2d6a3f); 



























































  }



























































  .slide-grad-1 { 



























































    background-image: linear-gradient(160deg,#0a1e33,#143355,#1e4a77); 



























































  }



























































  .slide-grad-2 { 



























































    background-image: linear-gradient(160deg,#2a1a08,#4a2e0d,#6b4218); 



























































  }



























































  .slide-grad-3 { 



























































    background-image: linear-gradient(160deg,#1a0a1a,#331533,#4d1f4d); 



























































  }



























































  .slide-grad-4 { 



























































    background-image: linear-gradient(160deg,#0a2820,#145a3d,#1e7a52); 



























































  }























































































































  /* Slideshow dots */



























































  .slide-dots {



























































    position: absolute; 



























































    bottom: 5.5rem; 



























































    left: 50%; 



























































    transform: translateX(-50%);



























































    display: flex; 



























































    gap: 0.5rem; 



























































    z-index: 10;



























































    opacity: 0; 



























































    animation: fadeIn 1s 2.2s forwards;



























































  }



























































  .slide-dot {



























































    width: 5px; 



























































    height: 5px; 



























































    border-radius: 50%;



























































    background: rgba(201,169,110,0.35);



























































    transition: background 0.4s, transform 0.4s;



























































    cursor: pointer;



























































  }



























































  .slide-dot.active { 



























































    background: var(--gold); 



























































    transform: scale(1.4); 



























































  }























































































































  /* Progress bar */



























































  .slide-progress {



























































    position: absolute; 



























































    bottom: 0; 



























































    left: 0;



























































    height: 2px; 



























































    background: var(--gold); 



























































    width: 0%;



























































    z-index: 10; 



























































    opacity: 0.6;



























































    transition: width linear;



























































  }























































































































  .hero-bg {



























































    position: absolute; 



























































    inset: 0;



























































    background: var(--bg);



























































    z-index: -1;



























































  }



























































  .hero-overlay {



























































    position: absolute; 



























































    inset: 0; 



























































    z-index: 1;



























































    background: linear-gradient(



























































      to bottom,



























































      rgba(10,10,8,0.35) 0%,



























































      rgba(10,10,8,0.15) 40%,



























































      rgba(10,10,8,0.55) 100%



























































    );



























































    pointer-events: none;



























































  }



























































  



























































  .hero-content { 



























































    width: 100%;























































































































    position: relative; 



























































    text-align: center; 



























































    padding: 0 2rem; 



























































    z-index: 2; 



























































  }























































































































  #hero-title {



























































    color: #ffffff;



























































    font-family: var(--font-display);



























































    font-size: clamp(6.0rem,8vw,6rem);



























































    font-weight: 300; 



























































    line-height: 1.05; 



























































    letter-spacing: 0.04em;



























































    opacity: 0; 



























































    animation: fadeUp 1s 0.6s forwards;



























































  }



























































  #hero-title-1 {



























































    color: #ffffff;



























































    font-family: var(--font-display);



























































    font-size: clamp(1.0rem,4vw,3rem);



























































    font-weight: 300; 



























































    line-height: 1.05; 



























































    letter-spacing: 0.04em;



























































    opacity: 0; 



























































    animation: fadeUp 1s 0.6s forwards;



























































  }























































































































  #hero-title-2{



























































    color: #ffffff;



























































    font-family: 



























































    var(--font-display);



























































    font-size: clamp(0.3rem,2vw,1.5rem);



























































    font-weight: 300; 



























































    line-height: 1.05; 



























































    letter-spacing: 0.04em;



























































    opacity: 0; 



























































    animation: fadeUp 1s 0.6s forwards;



























































  }























































































































  .hero-sub {



























































    margin-top: 2rem; 



























































    font-size: 0.75rem; 



























































    letter-spacing: 0.18em;



























































    text-transform: uppercase; 



























































    color: white;



























































    opacity: 0; 



























































    animation: fadeUp 1s 0.9s forwards;



























































  }



























































  .hero-quote {



























































    



























































    margin-top: 2.5rem; 



























































    font-family: var(--font-display); 



























































    font-style: italic;



























































    font-size: 1.3rem; 



























































    color: white;



























































    max-width: 100%; 



























































    margin-left: auto; 



























































    margin-right: auto; 



























































    line-height: 1.0;



























































    opacity: 0; 



























































    animation: fadeUp 1s 1.2s forwards;



























































  }



























































  .hero-cta {



























































    margin-top: 2.8rem; 



























































    display: flex; 



























































    gap: 1rem; 



























































    justify-content: center;



























































    opacity: 0; 



























































    animation: fadeUp 1s 1.5s forwards;



























































  }



























































  .btn-outline {



























































    text-decoration: none; 



























































    border: 1px solid var(--gold); 



























































    color: var(--gold);



























































    padding: 0.8rem 2.2rem; 



























































    font-size: 0.65rem; 



























































    letter-spacing: 0.25em;



























































    text-transform: uppercase; 



























































    transition: all 0.3s;



























































     background: var(--gold);



























































     color: var(--bg);



























































  }



























































  .btn-outline:hover { 



























































    background: #ecba5e; color: var(--bg); 



























































  }























































































































 























































































































  .btn-ghost {



























































    text-decoration: none; 



























































    border: 1px solid var(--border); 



























































    color: var(--white);



























































    padding: 0.8rem 2.2rem; 



























































    font-size: 0.65rem; 



























































    letter-spacing: 0.25em;



























































    text-transform: uppercase; 



























































    transition: all 0.3s; 



























































    opacity: 1;



























































    background: var(--gold);



























































    color: var(--bg);



























































  }



























































  .btn-ghost:hover {  



























































    background: #ecba5e; color: var(--bg);



























































  }























































































































  .hero-scroll {



























































    position: absolute; 



























































    bottom: 2.5rem; 



























































    left: 50%; 



























































    transform: translateX(-50%);



























































    display: flex; 



























































    flex-direction: column; 



























































    align-items: center; 



























































    gap: 0.6rem;



























































    opacity: 0; 



























































    animation: fadeIn 1s 2s forwards; 



























































    cursor: pointer; 



























































    z-index: 2;



























































  }



























































  .hero-scroll span { 



























































    font-size: 0.58rem; 



























































    letter-spacing: 0.3em; 



























































    text-transform: uppercase; 



























































    color: var(--gold); }



























































  .scroll-line {



























































    width: 1px; height: 48px;



























































    background: linear-gradient(to bottom, var(--gold), transparent);



























































    animation: scrollPulse 2s 2.2s infinite;



























































  }























































































































  @keyframes fadeUp { 



























































    from { 



























































      opacity:0; 



























































      transform:translateY(24px); 



























































    } to { 



























































      opacity:1; 



























































      transform:translateY(0); 



























































    } 



























































  }



























































  @keyframes fadeIn { 



























































    from { 



























































      opacity:0; 



























































    } to { 



























































      opacity:1;



























































    } 



























































    }



























































  @keyframes scrollPulse {



























































    0% { 



























































      transform:scaleY(0); 



























































      transform-origin:top; 



























































    }



























































    50% { 



























































      transform:scaleY(1); 



























































      transform-origin:top; 



























































    }



























































    51% { 



























































      transform:scaleY(1); 



























































      transform-origin:bottom; 



























































    }



























































    100% { 



























































      transform:scaleY(0); 



























































      transform-origin:bottom; 



























































    }



























































  }























































































































  /* ── NOVITÀ ── */



























































  #novita { 



























































    padding: 7rem 0; 



























































    background: var(--bg2); 



























































  }



























































  .container { 



























































    max-width: 1200px; 



























































    margin: 0 auto; 



























































    padding: 0 3rem; 



























































  }



























































  .section-label { 



























































    font-size: 0.6rem; 



























































    letter-spacing: 0.35em; 



























































    text-transform: uppercase; 



























































    color: var(--gold); 



























































    margin-bottom: 1rem; 



























































  }



























































  .section-title { 



























































    font-family: var(--font-display); 



























































    font-size: clamp(2rem,4vw,3.2rem); 



























































    font-weight: 300; 



























































    line-height: 1.15; 



























































    margin-bottom: 1rem; 



























































  }



























































  .section-title em { 



























































    font-style: italic; 



























































    color: var(--gold-light); 



























































  }























































































































  .news-grid {



























































    display: grid;



























































    grid-template-columns: repeat(3,1fr);



























































    gap: 2px;



























































  }



























































  @media(max-width:768px){ 



























































    .news-grid{ 



























































      grid-template-columns:1fr; 



























































      gap:1rem; 



























































    } 



























































  }























































































































  .news-card {



























































    position: relative;



























































    overflow: hidden;



























































    cursor: pointer;



























































    text-decoration: none;



























































    display: block;



























































  }



























































  .news-thumb {



























































    width: 100%; 



























































    aspect-ratio: 3/4;



























































    display: block;



























































    transition: transform 0.7s cubic-bezier(0.25,0.46,0.45,0.94);



























































  }



























































  .news-card:hover .news-thumb { 



























































    transform: scale(1.06); 



























































  }



























































  .news-info {



























































    position: absolute; 



























































    inset: 0;























































































































    display: flex; 



























































    flex-direction: column; 



























































    justify-content: flex-end; 



























































    padding: 1.8rem;



























































    transition: opacity 0.3s;



























































  }



























































  .news-date { 



























































    font-size: 0.8rem; 

















	font-weight:100;









































    letter-spacing: 0.22em; 



























































    text-transform: uppercase; 



























































    color: white; 



























































    margin-bottom: 0.5rem; 



























































  }



























































  .news-info h3 { 



























































    font-family: var(--font-display); 



























































    font-size: 1.5rem; 



























































    font-weight: 300; 



























































    margin-bottom: 0.4rem; 



























































  }



























































  .news-info p { 



























































    font-size: 0.72rem; 



























































    color: rgba(245,242,236,0.6); 



























































    line-height: 1.6; 



























































  }



























































  .news-link {



























































    display: inline-block; 



























































    margin-top: 1rem;



























































    font-size: 0.6rem; 



























































    letter-spacing: 0.22em; 



























































    text-transform: uppercase;



























































    color: var(--gold); 



























































    border-bottom: 1px solid rgba(201,169,110,0.3);



























































    padding-bottom: 2px; 



























































    transition: border-color 0.3s;



























































  }



























































  .news-card:hover .news-link { 



























































    border-color: var(--gold); 



























































  }























































































































  .grad-islanda { background: linear-gradient(160deg,#0d1f2d,#1a3a5a,#0a2a40); }



























































  .grad-autunno { background: linear-gradient(160deg,#2a1a08,#5a3a0d,#8a5a1a); }



























































  .grad-valtour { background: linear-gradient(160deg,#1a2a1a,#2a4a2a,#3a6a3a); }























































































































  /* ── ABOUT ── */



























































  #chi-sono { 



























































    padding: 7rem 0; 



























































    background: var(--bg); 



























































  }



























































  .about-grid { 



























































    display: grid; 



























































    grid-template-columns: 1fr 1fr; 



























































    gap: 6rem; align-items: center;



























































  }



























































  @media(max-width:768px){ 



























































    .about-grid{ 



























































      grid-template-columns:1fr; 



























































      gap:3rem; 



























































    } 



























































  }



























































#logo-img {



























































    width: 40px;    /* Regola questa dimensione per la grandezza del logo */



























































    height: auto;



























































    display: block;



























































    margin: 0;



























































}



























































#riga{























































































































  width: 50%;



























































}



























































.about-img {



























































  float: left;



























































  width: 100%;



























































  max-width: 500px;



























































  height: auto;



























































  border-radius: 12px;



























































  object-fit: cover;



























































}



























































.about-portrait {



























































  display: flex;



























































  flex-direction: column;



























































  justify-content: center; 



























































  align-items: center;



























































  



























































}



























































  .about-portrait::before {



























































    content:''; 



























































    position:absolute; 



























































    inset:-1px;



























































    border:1px solid var(--border); 



























































    pointer-events:none; 



























































    z-index:1;



























































  }



























































  .about-portrait::after {



























































    content:''; 



























































    position:absolute; 



























































    inset:14px;



























































    border:1px solid rgba(201,169,110,0.07); 



























































    pointer-events:none; 



























































    z-index:1;



























































  }



























































.portrait-label {



























































  position: static;



























































  width: 100%; 



























































  position: left;



























































  margin-top: 10px;



























































  



























































  



























































  font-family: var(--font-display);



























































  font-style: italic;



























































  font-size: 1.5rem;



























































  color: var(--gold-light);



























































  opacity: 1;



























































}



























































  .about-text p {



























































    font-size: 0.88rem; 



























































    line-height: 1.95;



























































    color: rgba(245,242,236,0.72); 



























































    margin-bottom: 1.4rem;



























































  }



























































  .about-text p strong { 



























































    color: var(--white); 



























































    font-weight: 400; 



























































  }



























































  .about-stats {



























































    display: grid; 



























































    grid-template-columns: repeat(3,1fr); 



























































    gap: 1.5rem;



























































    margin-top: 1.5rem; 



























































    padding-top: 1.8Frem; 



























































    border-top: 1px solid var(--border);



























































  }



























































  .stat-num { 



























































    font-family: var(--font-display); 



























































    font-size: 2.4rem; 



























































    font-weight: 300; 



























































    color: var(--gold); 



























































    line-height: 1; 



























































  }



























































  .stat-label { 



























































    font-size: 0.6rem; 



























































    letter-spacing: 0.2em; 



























































    text-transform: uppercase; 



























































    color: var(--gray); 



























































    margin-top: 0.4rem;



























































    opacity: 1;



























































  }























































































































  /* ── CONTATTI ── */



























































  #contatti { 



























































    padding: 7rem 0; 



























































    background: var(--bg2); 



























































  }



























































  .contact-grid { 



























































    display: grid; 



























































    grid-template-columns: 1fr 1.2fr; 



























































    gap: 5rem; 



























































  }



























































  @media(max-width:768px){ 



























































    .contact-grid{ 



























































      grid-template-columns:1fr; gap:3rem; 



























































    } 



























































  }



























































  .contact-quote { 



























































    font-family: var(--font-display); 



























































    font-style: italic; 



























































    font-size: 1.1rem; 



























































    color: var(--gray); 



























































    line-height: 1.8; 



























































    margin-bottom: 2rem; 



























































  }



























































  .contact-social { 



























































    display: flex; 



























































    gap: 1rem; margin-top: 1.5rem 



























































  }



























































  .social-link {



























































    display: flex; 



























































    align-items: center; 



























































    justify-content: center;



























































    width: 40px; 



























































    height: 40px; 



























































    border: 1px solid var(--border);



























































    color: var(--gold); 



























































    text-decoration: none; 



























































    font-size: 0.7rem;



























































    letter-spacing: 0.08em; 



























































    transition: all 0.3s;



























































  }



























































  .social-link:hover { 



























































    background: var(--gold); 



























































    color: var(--bg); 



























































    border-color: var(--gold); 



























































  }



























































  .contact-form { 



























































    display: flex; 



























































    flex-direction: column; 



























































    gap: 1rem; 



























































  }



























































  .form-group { 



























































    display: flex; 



























































    flex-direction: column; 



























































    gap: 0.4rem; 



























































  }



























































  .form-group label { 



























































    font-size: 0.6rem; 



























































    letter-spacing: 0.22em; 



























































    text-transform: uppercase; 



























































    color: var(--gold); 



























































  }



























































  .form-group input, .form-group textarea {



























































    background: var(--bg3); 



























































    border: 1px solid var(--border);



























































    color: var(--white); 



























































    padding: 0.8rem 1rem;



























































    font-family: var(--font-body); 



























































    font-size: 0.82rem;



























































    outline: none; 



























































    transition: border-color 0.3s; 



























































    resize: vertical;



























































  }



























































  .form-group input:focus, .form-group textarea:focus { 



























































    border-color: rgba(201,169,110,0.5); 



























































  }



























































  .form-group textarea { 



























































    min-height: 120px; 



























































  }



























































  .btn-gold {



























































    background: transparent; 



























































    border: 1px solid var(--gold); 



























































    color: var(--gold);



























































    padding: 0.85rem 2.5rem; 



























































    font-family: var(--font-body); 



























































    font-size: 0.65rem;



























































    letter-spacing: 0.25em; 



























































    text-transform: uppercase; 



























































    cursor: pointer;



























































    transition: all 0.3s; 



























































    align-self: flex-start; 



























































    margin-top: 0.5rem;



























































  }



























































  .btn-gold:hover { 



























































    background: var(--gold); 



























































    color: var(--bg); 



























































  }























































































































  /* ── FOOTER ── */



























































  footer {



























































    padding: 3rem; 



























































    border-top: 1px solid var(--border);



























































    display: flex;



























































    align-items: center; 



























































    justify-content: space-between;



























































    flex-wrap: wrap; 



























































    gap: 1rem;



























































  }



























































  .footer-logo { 



























































    font-family: var(--font-display); 



























































    font-size: 2.0rem; 



























































    color: var(--gold); 



























































    font-weight: 300; 



























































    font-style: italic; 



























































  }



























































  .footer-copy {



























































    text-align: center;



























































   width: 100%;



























































     font-size: 0.rem; 



























































     letter-spacing: 0.12em; 



























































     color: var(--gray2); 



























































    }























































































































  #biografia{



























































    margin-top: 0;



























































    justify-content: left;



























































    font-family: var(--font-display);











font-style: italic;















































    font-size: 1.1rem;



























































  }























































































































  /* ── REVEAL ── */



























































  .reveal { 



























































    opacity: 0; 



























































    transform: translateY(28px); 



























































    transition: opacity 0.8s, transform 0.8s; 



























































  }



























































  .reveal.visible {



























































     opacity: 1; 



























































     transform: translateY(0); 



























































    }























































































































  /* ── ADMIN LOGIN ── */



























































  #admin-login {



























































    display: none; 



























































    position: fixed; 



























































    inset: 0; 



























































    z-index: 2000;



























































    background: rgba(255,255,255,0.96); 



























































    backdrop-filter: blur(12px);



























































    align-items: center; 



























































    justify-content: center;



























































  }



























































  #admin-login.open { 



























































    display: flex; 



























































  }



























































  .login-box {



























































    background: var(--bg2); 



























































    border: 1px solid var(--border);



























































    padding: 3rem; 



























































    width: 100%; 



























































    max-width: 400px;



























































  }



























































  .login-box h2 { 



























































    font-family: var(--font-display); 



























































    font-size: 1.8rem; 



























































    font-weight: 300; 



























































    margin-bottom: 0.4rem; 



























































  }



























































  .login-box p { 



























































    font-size: 0.72rem; 



























































    letter-spacing: 0.12em; 



























































    color: var(--gray); 



























































    margin-bottom: 2rem; 



























































    text-transform: uppercase; 



























































  }



























































  .login-error { 



























































    font-size: 0.72rem; 



























































    color: #e05555; 



























































    margin-bottom: 1rem; 



























































    display: none; 



























































  }























































































































  .toast {



























































    position: fixed;



























































    bottom: 2rem; 



























































    right: 2rem;



























































    background: var(--bg3); 



























































    border: 1px solid var(--gold);



























































    color: var(--gold); 



























































    padding: 0.8rem 1.5rem;



























































    font-size: 0.72rem; 



























































    letter-spacing: 0.15em; 



























































    z-index: 9999;



























































    opacity: 0; 



























































    transition: opacity 0.4s; 



























































    pointer-events: none;



























































  }



























































  .toast.show { 



























































    opacity: 1; 



























































  }