/* --------------------------
    SEZIONE HERO
---------------------------*/
.hero-wrapper{
    background:#281c64;
    color:#fff;
    padding:80px 0;
    position:relative;
    font-family: "Poppins", Arial, sans-serif;
}

/* contenitori */
.hero-wrapper .hero-left{
    padding-right:40px;
}
.hero-wrapper .hero-right{
    background:#fff;
    border-radius:12px;
    padding:40px;
    color:#333;
    min-height:320px;
    box-shadow:0 5px 20px rgba(0,0,0,0.15);
}


/* --------------------------
    TITOLI
---------------------------*/
.hero-wrapper h1{
    font-size:44px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:25px;
    color: #fff;
}

.hero-wrapper p{
    font-size:17px;
    line-height:1.6;
}


/* --------------------------
    ICON TEXT LIST
---------------------------*/
.icon-list{
    margin:25px 0;    
}
.icon-list i{
    margin-right:10px;
    color:#ffd500;    
}


/* --------------------------
    BOTTONE GIALLO
---------------------------*/
.btn-yellow{
    background:#ffd500;
    color:#000;
    border-radius:50px;
    padding:15px 35px;
    font-size:16px;
    font-weight:600;
    transition:.2s;
}
.btn-yellow:hover{
    background:#ffcc00;
    color:#000;
}


/* --------------------------
    BOX A DESTRA
---------------------------*/
.hero-right .icon-boxx{
    display:flex;
    align-items:center;
    margin-bottom:15px;
}
.hero-right .icon-boxx i{
    font-size:35px;
    background:#ffd500;
    color:#000;
    padding:15px;
    border-radius:12px;
    margin-right:15px;
}


/* testo del box */
.hero-right small{
    color:#444;
    font-family: "Poppins", Arial, sans-serif;
}


.vantaggio{
    margin-bottom:20px;
    font-family: "Poppins", Arial, sans-serif;
}


/* --------------------------
    RESPONSIVE
---------------------------*/
@media (max-width:767px){
    .hero-right{
        margin-top:30px;
    }
    .hero-wrapper h1{
        font-size:32px;
    }
}



/* BOX SOTTOSTANTI */s

.choose-section{
    padding:80px 0;
    background:#fff;
    text-align:center;
}

.choose-section h2{
    font-size:38px;
    font-weight:700;
    margin-bottom:10px;
}

.choose-section p.section-subtitle{
    color:#777;
    font-size:16px;
    margin-bottom:50px;
}

/* box */
.choose-box{
    background:#fff;
    border-radius:12px;
    padding:30px 20px;
    box-shadow:0 10px 25px rgba(0,0,0,0.2);
    border:1px solid #c3c2c2;
    margin-bottom:30px;
    text-align:left;
    transition:.25s;
}

.choose-box:hover{
    box-shadow:0 5px 25px rgba(0,0,0,0.15);
    transform:translateY(-3px);
}

/* icona */
.choose-box .icon-boxxx{
    width:48px;
    height:48px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:15px;
}

/* colori singole card */
.icon-blue{ background:#0057ff; color:#fff; }
.icon-yellow{ background:#ffcc00; color:#000; }
.icon-green{ background:#14b86a; color:#fff; }
.icon-purple{ background:#9b4dff; color:#fff; }

/* titolo */
.choose-box h4{
    font-size:20px;
    font-weight:700;
    margin-bottom:12px;
}

/* testo */
.choose-box p{
    color:#333;
    font-size:15px;
    margin-bottom:0;
}

/* responsive */
@media(max-width:767px){
    .choose-box{
        text-align:center;
    }
}

/*CTA*/
.cta-section{
    background:#281c64;
    padding:80px 0;
    text-align:center;
    color:#fff;
}

.cta-section h2{
    font-size:38px;
    font-weight:700;
    margin-bottom:15px;
}

.cta-section p{
    font-size:17px;
    color:#ccd3e5;
    max-width:600px;
    margin:0 auto 30px;
}


/* tag pill */
.cta-pill{
    display:inline-block;
    background:#1f164d;
    border-radius:40px;
    padding:10px 18px;
    margin:0 5px;
    color:#fff;
    font-size:14px;
}

.cta-pill i{
    margin-right:8px;
    vertical-align:middle;
}


/* bottone */
.cta-btn{
    background:#ffd200;
    color:#000;
    padding:18px 35px;
    font-size:18px;
    border-radius:12px;
    font-weight:600;
    display:inline-block;
    transition:.2s;
}

.cta-btn:hover{
    background:#ffcc00;
    color:#000;
}


/* testo sotto */
.cta-note{
    font-size:11px;
    opacity:.8;
    margin-top:15px;
}


/* responsive */
@media(max-width:767px){
    .cta-pill{
        display:block;
        margin:6px auto;
    }
}




.section-map {
  padding: 50px 0 0;
}

.section-title {
  margin: 0 0 10px;
  font-weight: 600;
}

.anchor-link {
  color: inherit;
  text-decoration: none;
}

.anchor-link:hover,
.anchor-link:focus {
  text-decoration: underline;
}

.section-subtitle {
  margin: 0 0 25px;
  color: #777;
}

/* Full width, altezza ragionevole */
.map-wrap {
  width: 100%;
}

.google-map {
  width: 100%;
  height: 420px;        /* “ragionevole” desktop */
  min-height: 320px;    /* safety */
  background: #eee;     /* placeholder mentre carica */
}

/* Responsive */
@media (max-width: 767px) {
  .google-map {
    height: 320px;
  }
}





.hours-toggle {
  display: inline-block;
  cursor: pointer;
  font-weight: 600;
  color: #1a73e8; /* blu Google */
  text-decoration: none;
}

.hours-toggle:hover {
  text-decoration: underline;
}

.hours-toggle .caret {
  margin-left: 5px;
  transition: transform 0.2s ease;
}

/* caret ruota */
.hours-toggle[aria-expanded="true"] .caret {
  transform: rotate(180deg);
}

.business-hours {
  margin-top: 10px;
  max-width: 620px;
  font-size: 12px;
}

.hours-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hours-list li {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}

.hours-list .day {
  color: #333;
}

.hours-list .time {
  color: #333;
  white-space: nowrap;
}

.hours-list li.today .day,
.hours-list li.today .time {
  font-weight: 600;
}

.hours-list li.closed .time {
  color: red;
}

.hours-list li.holiday .day,
.hours-list li.holiday .time {
  color: #1e8e3e;
}
.chiuso{
    color: red !important;
}