.css-tabs{
  max-width:1200px;
  margin:0 auto;
  background:#fff;
  border-radius:16px;
  box-shadow:0 12px 30px rgba(0,0,0,.15);
  overflow:hidden;
  font-family:'Segoe UI',Arial,sans-serif;
}

/* Ocultar radios */
.css-tabs input[type="radio"]{
  display:none;
}

/* Botones */
.tabs-buttons{
  display:flex;
  background:#f2f2f2;
  border-bottom:1px solid #ddd;
}

.tabs-buttons label{
  flex:1;
  text-align:center;
  padding:14px;
  font-weight:700;
  cursor:pointer;
  color:#555;
  transition:.2s;
}

.tabs-buttons label:hover{
  background:#e6e6e6;
}

/* Contenido */
.tabs-content{
  padding:20px;
}

.tab-panel{
  display:none;
}

.tab-panel h3{
  color:#C5040B;
  margin-bottom:10px;
}

/* Estados activos */
#tab-sancris:checked ~ .tabs-buttons label[for="tab-sancris"],
#tab-tuxtla:checked ~ .tabs-buttons label[for="tab-tuxtla"],
#tab-postre:checked ~ .tabs-buttons label[for="tab-postre"]{
  background:#C5040B;
  color:#fff;
}

#tab-sancris:checked ~ .tabs-content .sancris{
  display:block;
}

#tab-tuxtla:checked ~ .tabs-content .tuxtla{
  display:block;
}

#tab-postre:checked ~ .tabs-content .postre{
  display:block;
}