/*
Theme Name: Esperto Cittadinanza Luxury
Theme URI: https://espertocittadinanza.it
Author: OpenAI
Description: Tema WordPress premium stile studio legale europeo per consulenza cittadinanza italiana.
Version: 2.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: esperto-cittadinanza-luxury
*/

:root{
  --bg:#090a0d;
  --bg2:#12141a;
  --panel:rgba(17,20,28,.88);
  --gold:#c9a54d;
  --gold-soft:#ecd79a;
  --text:#fbfbfc;
  --muted:#d7d9df;
  --line:rgba(255,255,255,.08);
  --shadow:0 18px 48px rgba(0,0,0,.38);
  --radius:24px;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:radial-gradient(circle at top right, rgba(201,165,77,.12), transparent 25%),linear-gradient(180deg, #06070a 0%, #0d1015 100%);
  color:var(--text);
  font-family:Georgia, "Times New Roman", serif;
  line-height:1.65;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{width:min(92%, var(--max));margin:0 auto}
.site-header{position:sticky;top:0;z-index:60;background:rgba(7,8,11,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:90px}
.brand{display:flex;align-items:center;gap:16px}
.brand img{height:62px;width:auto}
.brand-mark{display:flex;flex-direction:column;line-height:1.08}
.brand-mark strong{font-size:1rem;letter-spacing:.22em;color:var(--gold-soft);font-weight:700}
.brand-mark span{font-size:.84rem;letter-spacing:.12em;color:#fff;opacity:.85}
.main-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.main-nav a{padding:11px 16px;border-radius:999px;font-size:.92rem;letter-spacing:.11em;text-transform:uppercase;color:#fff;border:1px solid transparent;font-family:Arial, Helvetica, sans-serif;font-weight:700}
.main-nav a:hover{border-color:rgba(201,165,77,.32);background:rgba(201,165,77,.08)}
.nav-pay{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#171717 !important;box-shadow:var(--shadow)}
.hero{position:relative;background:linear-gradient(rgba(8,9,12,.72), rgba(8,9,12,.86)),url('assets/cover-cittadinanza.png') center/cover no-repeat}
.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center;padding:92px 0 86px}
.overline{display:inline-block;padding:9px 15px;border-radius:999px;border:1px solid rgba(201,165,77,.26);background:rgba(201,165,77,.09);color:var(--gold-soft);font:700 .82rem/1 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.hero h1{margin:20px 0 18px;font-size:clamp(2.5rem,5.2vw,5rem);line-height:1.02;font-weight:700;text-shadow:0 8px 25px rgba(0,0,0,.35)}
.gold-line{width:138px;height:4px;border-radius:999px;background:linear-gradient(90deg,#0d7a22,var(--gold),#b21616);margin:0 0 24px}
.hero p{color:var(--muted);font-size:1.08rem;max-width:740px;font-family:Arial,Helvetica,sans-serif}
.hero strong{color:#fff}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;padding:15px 24px;border-radius:999px;font:700 .95rem/1 Arial,Helvetica,sans-serif;letter-spacing:.03em;transition:.2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-gold{background:linear-gradient(180deg,var(--gold-soft),var(--gold));color:#171717;box-shadow:var(--shadow)}
.btn-dark{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#fff}
.hero-card{background:linear-gradient(180deg, rgba(19,23,31,.92), rgba(11,13,18,.94));border:1px solid rgba(201,165,77,.22);border-radius:32px;padding:24px;box-shadow:var(--shadow)}
.hero-card img{border-radius:20px;width:100%;max-width:360px;margin:0 auto}
.section{padding:84px 0}
.section-title{margin:0 0 10px;text-align:center;font-size:clamp(2rem,4vw,3.2rem)}
.section-subtitle{max-width:840px;margin:0 auto 36px;text-align:center;color:var(--muted);font-family:Arial, Helvetica, sans-serif;font-size:1rem}
.grid-3,.grid-2{display:grid;gap:24px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:linear-gradient(180deg, rgba(21,25,35,.96), rgba(11,13,18,.96));border:1px solid rgba(201,165,77,.16);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;position:relative;overflow:hidden}
.card:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#0d7a22,var(--gold),#b21616)}
.card h3{margin:0 0 12px;font-size:1.38rem;color:#fff}
.card p,.card li{color:var(--muted);font-family:Arial,Helvetica,sans-serif}
.price-box{max-width:880px;margin:0 auto;text-align:center}
.price-amount{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1;font-weight:700;color:var(--gold-soft);margin:14px 0 18px}
.list{padding-left:20px;margin:0}
.booking-frame iframe{width:100%;height:680px;border:none;border-radius:18px;background:#fff}
.contact-box p{margin:.45rem 0;font-family:Arial,Helvetica,sans-serif}
.footer{background:#050608;border-top:1px solid var(--line);padding:34px 0;text-align:center}
.footer img{height:58px;margin:12px auto 0}
.footer small{color:#cfcfcf;font-family:Arial,Helvetica,sans-serif}
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:100;background:#25d366;color:#fff;padding:14px 18px;border-radius:999px;font:700 .95rem/1 Arial,Helvetica,sans-serif;box-shadow:var(--shadow)}
.notice{color:var(--gold-soft);font:700 .95rem/1.5 Arial,Helvetica,sans-serif}
@media (max-width:980px){
  .header-inner{flex-direction:column;align-items:flex-start;padding:16px 0}
  .main-nav{width:100%}
  .hero-inner,.grid-3,.grid-2{grid-template-columns:1fr}
  .hero-inner{padding:62px 0}
  .booking-frame iframe{height:560px}
  .brand img{height:54px}
}
