/* ========================
File: /assets/css/iosi.css
Descrizione: Stili chiari e allegri
======================== */
:root{
--iosi-green: #38d39f;
--iosi-yellow: #ffd166;
--iosi-blue: #4dabf7;
--iosi-soft: #f7f9fc;
}
body{font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--iosi-soft);}
.logo-dot{display:inline-block;padding:.1rem .4rem;background:var(--iosi-yellow);border-radius:.75rem;margin-right:.1rem;}


/* Hero */
.gradient-soft{background: radial-gradient(1200px 500px at -10% 0%, #fff, #fdf7e7 40%, transparent 60%),
radial-gradient(1200px 600px at 110% 10%, #e8f7ff 20%, transparent 60%);}
.hero-card{border:1px solid rgba(0,0,0,.06);}


/* Chip */
.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.08);text-decoration:none;color:#333;font-weight:500;}
.chip:hover{border-color:rgba(0,0,0,.2);}


/* Cards */
.card-iosi{border:1px solid rgba(0,0,0,.06);}
.card-iosi .card-footer{border-top:1px solid rgba(0,0,0,.06);}


/* Callout blocks */
.callout{border:1px solid rgba(0,0,0,.06);}
.callout-green{background:linear-gradient(180deg, #ecfff7, #ffffff);}
.callout-yellow{background:linear-gradient(180deg, #fff8e6, #ffffff);}
.callout-blue{background:linear-gradient(180deg, #ecf7ff, #ffffff);}


/* Story */
.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;}


/* Newsletter */
.bg-gradient-subtle{background:linear-gradient(90deg,#fff 0%, #f8fbff 50%, #fff 100%);}


/* Micro-animazione */
.btn-bounce{transform:translateY(-2px);box-shadow:0 8px 20px rgba(13,110,253,.25);}


/* Responsive ritocchi */
@media (max-width: 575.98px){
.display-4{font-size:2.25rem;}
}

.avatar-initials{
  width:28px;height:28px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#eef2ff;font-weight:700;font-size:.8rem;
}

.navbar-brand .logoiosi{
  height: 40px;   /* dimensione base */
  width: auto;    /* mantiene proporzioni */
  display: block; /* niente spazi strani inline */
  vertical-align: middle;
}
@media (min-width: 992px){
  .navbar-brand .logoiosi{ height: 48px; } /* un po' più grande su desktop */
}

/* Slider hero: arrotondato, ombra, proporzioni */
.hero-carousel .carousel-inner { border-radius: 1rem; box-shadow: 0 6px 24px rgba(0,0,0,.06); }
.hero-carousel .carousel-item img { width:100%; height: 220px; object-fit: cover; }

/* alzerei un po’ la quota su schermi grandi */
@media (min-width: 992px){
  .hero-carousel .carousel-item img { height: 260px; }
}

/* frecce compatte */
.hero-carousel .carousel-control-prev,
.hero-carousel .carousel-control-next {
  width: 3rem; height: 3rem; top: 50%; transform: translateY(-50%);
  background: rgba(255,255,255,.85); border-radius: 999px;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.hero-carousel .carousel-control-prev:hover,
.hero-carousel .carousel-control-next:hover { background: #fff; }

/* indicatori pill */
.hero-carousel .carousel-indicators [data-bs-target]{
  width: .75rem; height: .75rem; border-radius: 999px;
}

/* Se la navbar è fixed-top, evita che si sovrapponga al contenuto */
/* body { padding-top: 72px; }      */    /* adatta 56–80px in base all’altezza reale */

/* Rifiniture card azione */
.card-azione .ratio { border-top-left-radius: .5rem; border-top-right-radius: .5rem; overflow:hidden; }
.card-azione img { width:100%; height:100%; object-fit:cover; }


.cookie-overlay {
  position: fixed;
  inset: 0;
  z-index: 1080; /* sopra modali Bootstrap */
  background: radial-gradient(1200px 800px at 50% -10%, #2a2a2a, #0f0f10);
  color: #fff;
  display: grid;
  place-items: center;
  padding: 24px;
}
.cookie-panel { max-width: 940px; }
.cookie-logo { 
	width:auto; 
	height: 250px; 
	filter: drop-shadow(0 4px 16px rgba(0,0,0,.4));
	border-radius: 25px;; 
}
.cookie-prefs .form-check-input { cursor: pointer; }
.cookie-overlay a { color: #d7e6ff; }
@media (max-width: 575.98px) {
  .cookie-logo { width: 96px; }
}