/* Tipografía Montserrat */
* { font-family: 'Montserrat', sans-serif; }
.horarios-container{
  display:flex;
  justify-content:center;
  gap:20px;
  flex-wrap:wrap;
}

.card{
  flex:1;
  min-width:260px;
  max-width:320px;
  border-radius:16px;
  box-shadow:0 4px 10px rgba(0,0,0,0.08);
  overflow:hidden;
  transition: transform 0.3s, box-shadow 0.3s;
  margin-bottom:20px;
  background:#f2f2f2;
}
.card:hover{ transform: translateY(-5px); box-shadow:0 8px 20px rgba(0,0,0,0.15); }
.card-header{
  background:#77172f;
  color:#fff;
  padding:14px 12px;
  font-size:18px;
  font-weight:700;
  text-align:center;
}
.card-body{ padding:16px 14px 18px; text-align:center; }
.card-body p{ margin:8px 0; color:#333; font-size:16px; }
.status{
  margin-top:8px;
  font-weight:700;
  padding:6px 10px;
  border-radius:8px;
  display:inline-block;
}
.open{ background:#e6f7e6; color:#226b22; }
.closed{ background:#fdeaea; color:#b00020; }
.na{ background:#eee; color:#666; }
.timer{ margin-top:8px; font-size:14px; }
.timer.opening{ font-family:'Poppins',sans-serif; color:#b00020; font-weight:700; }
.timer.closing{ font-family:'Poppins',sans-serif; color:#226b22; font-weight:700; }
.btn{
  background:#77172f; color:#fff; text-decoration:none;
  padding:10px 18px; border-radius:10px;
  font-size:15px; font-weight:600;
  transition: transform .2s, opacity .2s, background .3s, color .3s;
  display:inline-block;
}
.btn:hover{ background:#BFA184; 
    color:#fff; transform:translateY(-1px); 
    
}
.horarios-wrapper{
  max-width:1100px;
  margin:40px auto;
  padding:0 20px;
}

.horarios-header{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:20px;
  margin-bottom:30px;
}

.horarios-header h3{
  color:#77172f;
  font-size:35px;
  margin:0;
  font-weight:500;
}

@media (max-width: 768px) {
  .horarios-header h3{
    width:100%;
    text-align:center;
  }
}