/* General de las pestañas */
.tabs-container ul.tabs li{width:33.33%;font-size:75%}.tabs-container ul.tabs2 li{width:25%;font-size:70%}
.tabs-container ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:center;text-align:center}
.tabs-container ul li{margin:5px 2px;color:#EEE;background:#369;border:1px solid #39C;box-sizing:border-box;border-radius:8px}
ul.tabs li label,ul.tabs2 li label{display:block;cursor:pointer}ul.tabs li label:hover,ul.tabs2 li label:hover{background-color:#036;color:#FFF}
/* Contenido de las pestañas */
.contenido_tab{display:none; /* Oculta todas las pestañas inicialmente */ padding:20px;border:1px solid #39C;background-color:#F5F5DC !important;margin-top:10px;box-sizing:border-box}
/* Mostrar solo la pestaña activa */
#tab1:checked ~ .contenedor_tab #tab1-content,
#tab2:checked ~ .contenedor_tab #tab2-content,
#tab3:checked ~ .contenedor_tab #tab3-content,
#tab4:checked ~ .contenedor_tab #tab4-content,
#tab5:checked ~ .contenedor_tab #tab5-content,
#tab6:checked ~ .contenedor_tab #tab6-content,
#tab7:checked ~ .contenedor_tab #tab7-content {display:block /* Muestra el contenido de la pestaña activa */}
/* Ocultar inputs */
input[type="radio"] {display:none}
@media (min-width:412px) {.tabs-container ul.tabs li,.tabs-container ul.tabs2 li{font-size:100%}}