.sec-wrapper{
  max-width: 1100px;
  margin: 0 auto;
}


/* --- HORARI FULL WIDTH --- */
.sec-horari-full{ padding: 1.25rem; }

.sec-horari-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:1rem;
  margin-top:.5rem;
}
@media (max-width: 768px){
  .sec-horari-grid{ grid-template-columns: 1fr; }
}

/* Horari full width (solo “envoltorio”, tu grid se queda tal cual) */
.sec-horari-full { padding: 1rem; }

/* Grid de dos columnas para los días */
.horari-grid{
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;   /* dos columnas iguales */
  gap: 2rem;                        /* separación entre tarjetas */
}

/* Tarjeta de cada día */
.dia{
  text-align: center;
  background-color: #001f4d;  /* azul club */
  color: #fff;
  border-radius: 5px;
  padding: 1rem;              /* respiración interna */
  font-weight: 600;
  transition: transform .15s ease, box-shadow .15s ease;
}

/* Título del día */
.dia .subtitol-dia{
  margin: 0 0 1rem 0;
  font-size: 2rem;
  font-weight: 700;
  color: #ffcc00;             /* amarillo club */
  text-transform: uppercase;  /* por si acaso */
}

/* Líneas de horario */
.dia p{
  margin: 4px 0;
  font-size: 1.4rem;
  font-weight: 400;
  font-variant-numeric: tabular-nums; /* alinea los números */
  letter-spacing: .2px;
}

/* Hover */
.dia:hover{
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,.15);
}

/* Responsive: 1 columna en móviles */
@media (max-width: 768px){
  .horari-grid{ grid-template-columns: 1fr; }
}


.nota{
  margin-top:.6rem;
  font-size:.95rem;
  color:#444;
}

/* --- SEGONA FILA: 55% | 45% --- */
.sec-row-ubitel {
  display: flex;
  gap: 1.5rem;
  align-items: stretch;
  margin-top: 1.25rem;
  flex-wrap: nowrap; /* evita saltos de línea innecesarios */
}
.sec-ubi { flex: 1 1 55%; }
.sec-tels { flex: 1 1 45%; }


@media (max-width: 900px){
  .sec-row-ubitel{ flex-direction:column; }
  .sec-ubi, .sec-tels{ flex: 1 1 auto; }
}

/* targetes generals (coherent amb el teu estil) */
.card-box{
  background:#fff;
  border:2px solid #a7b8cb;
  border-radius:12px;
  padding:1.25rem;
  box-shadow:0 6px 20px rgba(0,0,0,0.06);
}

/* Ubicació */
.img-ubi{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:8px;
  border:2px solid #003366;
  display:block;
  /* margin:.25rem 0 .5rem 0; */
  margin-top: 1rem;
}
.map-embed iframe{
  width:100%;
  height:260px;
  border:0;
  border-radius:8px;
}
.adreca{
  margin:.4rem 0 0;
  font-weight:600;
  color:#003366;
}



.llista-contacte{
  list-style:none;
  padding:0;
  /* margin:0 0 .75rem 0; */
  display:grid;
  gap:.35rem;

}
.llista-contacte a{ color:#003366; text-decoration:none; }
.llista-contacte a:hover{ text-decoration:underline; }

.contacte-telf{
  text-align:right;               /* a la dreta */
  -webkit-text-stroke: 0.5px #003366;  /* contorn fi sense bold */
  color:#003366;                  /* amb farcit; posa transparent si vols només contorn */
  margin-top:.5rem;
  font-size:1.05rem;
  font-weight:400;                /* assegura que no sigui bold */
}


.titol-noticies {
    color: #003366;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.titol-noticies {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}
.separator{
  flex:0 0 2px;              /* ancho de la línea */
  background:#ccc;
  align-self:stretch;        /* altura completa del row */
}
.llista-contacte li {
  padding: .4rem 0;
  border-bottom: 1px solid #ccc;
}

.llista-contacte li:last-child {
  border-bottom: none; /* quita línea del último elemento */
}