/* myrouf.css — Styles partagés */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Josefin+Sans:wght@100;200;300;400&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --deep:#0d0800;--earth:#1a0f00;--amber:#c8882a;--gold:#e8b84b;
  --smoke:#f5ede0;--sage:#4a6b4a;--fern:#7ab854;--unicorn:#d4a8e8;
  --border:rgba(200,136,42,0.22);--border-sage:rgba(74,107,74,0.3);
}
html{scroll-behavior:smooth}
body{background:var(--deep);color:var(--smoke);font-family:'Cormorant Garamond',serif;overflow-x:hidden;min-height:100vh}

/* NAV */
nav{position:fixed;top:0;width:100%;z-index:100;padding:1rem 3rem;display:flex;justify-content:space-between;align-items:center;background:rgba(13,8,0,.93);backdrop-filter:blur(14px);border-bottom:.5px solid var(--border)}
.nav-logo{font-family:'Cinzel Decorative',serif;font-size:1rem;color:var(--gold);letter-spacing:.4em;text-decoration:none}
.nav-links{display:flex;gap:1.75rem;list-style:none;align-items:center;flex-wrap:wrap}
.nav-links a{color:rgba(245,237,224,.5);text-decoration:none;font-size:.7rem;letter-spacing:.18em;font-family:'Josefin Sans',sans-serif;font-weight:200;transition:color .3s;white-space:nowrap}
.nav-links a:hover,.nav-links a.nav-active{color:var(--gold)}
.nav-cta{padding:.35rem 1rem;border:.5px solid rgba(200,136,42,.4);color:var(--amber)!important;transition:all .3s!important}
.nav-cta:hover{background:rgba(200,136,42,.1)!important}

/* FOOTER */
.site-footer{text-align:center;padding:4rem 2rem;border-top:.5px solid var(--border);background:var(--deep);margin-top:auto}
.site-footer-logo{font-family:'Cinzel Decorative',serif;font-size:1.3rem;color:var(--gold);letter-spacing:.3em;margin-bottom:.4rem}
.site-footer-sub{font-family:'Josefin Sans',sans-serif;font-size:.65rem;letter-spacing:.3em;color:rgba(245,237,224,.2);font-weight:200;margin-bottom:1.5rem}
.site-footer-links{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}
.site-footer-links a{color:rgba(245,237,224,.3);text-decoration:none;font-family:'Josefin Sans',sans-serif;font-size:.65rem;letter-spacing:.15em;font-weight:200;transition:color .3s}
.site-footer-links a:hover{color:var(--amber)}
.site-footer-copy{margin-top:1.5rem;font-family:'Josefin Sans',sans-serif;font-size:.6rem;letter-spacing:.2em;color:rgba(245,237,224,.12);font-weight:200}

/* COMMUN */
.page-hero{padding:9rem 3rem 5rem;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(200,136,42,.06),transparent 65%)}
.page-kicker{font-family:'Josefin Sans',sans-serif;font-size:.68rem;letter-spacing:.55em;color:var(--amber);margin-bottom:1rem;display:block;font-weight:200}
.page-title{font-family:'Cinzel Decorative',serif;font-size:clamp(2rem,6vw,4.5rem);color:var(--gold);letter-spacing:.08em;margin-bottom:.75rem;line-height:1.1}
.page-desc{font-size:1.1rem;font-style:italic;color:rgba(245,237,224,.6);max-width:560px;margin:0 auto;line-height:1.9}
.section-wrap{padding:5rem 2rem;max-width:1100px;margin:0 auto}
.section-header{text-align:center;margin-bottom:3.5rem}
.section-kicker{font-family:'Josefin Sans',sans-serif;font-size:.65rem;letter-spacing:.5em;color:var(--amber);margin-bottom:.75rem;display:block;font-weight:200}
.section-title{font-family:'Cinzel Decorative',serif;font-size:clamp(1.3rem,3vw,2rem);color:var(--gold);margin-bottom:.75rem}
.section-line{width:50px;height:.5px;background:var(--amber);margin:0 auto;opacity:.5}
.divider{height:.5px;background:linear-gradient(90deg,transparent,rgba(200,136,42,.3),transparent)}

/* BOUTONS */
.btn{display:inline-block;padding:.8rem 2rem;font-family:'Josefin Sans',sans-serif;font-size:.72rem;letter-spacing:.22em;text-decoration:none;transition:all .35s;font-weight:200;cursor:pointer;border:none}
.btn-gold{border:1px solid var(--amber);color:var(--amber);background:transparent}
.btn-gold:hover{background:var(--amber);color:var(--deep)}
.btn-ghost{border:.5px solid rgba(245,237,224,.2);color:rgba(245,237,224,.45);background:transparent}
.btn-ghost:hover{border-color:rgba(245,237,224,.4);color:var(--smoke)}
.btn-sage{border:1px solid var(--sage);color:var(--fern);background:transparent}
.btn-sage:hover{background:var(--sage);color:var(--deep)}

/* FORMS */
.form-group{margin-bottom:.85rem}
.form-group label{display:block;font-family:'Josefin Sans',sans-serif;font-size:.65rem;letter-spacing:.22em;color:var(--amber);margin-bottom:.4rem;font-weight:200}
.form-group input,.form-group textarea,.form-group select{width:100%;background:rgba(26,15,0,.9);border:.5px solid var(--border);color:var(--smoke);padding:.75rem 1rem;font-family:'Cormorant Garamond',serif;font-size:1rem;outline:none;transition:border .3s}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--amber)}
.form-group textarea{min-height:100px;resize:vertical}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-full{grid-column:1/-1}
.btn-submit{width:100%;padding:1rem;border:1px solid var(--gold);background:transparent;color:var(--gold);font-family:'Cinzel Decorative',serif;font-size:.85rem;letter-spacing:.18em;cursor:pointer;transition:all .4s;margin-top:.5rem}
.btn-submit:hover{background:var(--gold);color:var(--deep)}

/* TOAST */
.toast{position:fixed;bottom:2rem;right:2rem;padding:.85rem 1.75rem;background:var(--earth);border:.5px solid var(--amber);color:var(--smoke);font-family:'Josefin Sans',sans-serif;font-size:.78rem;letter-spacing:.12em;z-index:999;transform:translateY(80px);opacity:0;transition:all .35s}
.toast.show{transform:translateY(0);opacity:1}
.toast.success{border-color:var(--sage);color:var(--fern)}
.toast.error{border-color:#c0392b;color:#e74c3c}

@media(max-width:900px){
  nav{padding:1rem 1.5rem}
  .nav-links{gap:1rem}
  .page-hero{padding:7rem 1.5rem 4rem}
  .section-wrap{padding:4rem 1.5rem}
  .form-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .nav-links{display:none}
}
